﻿﻿/*!
 * CSS - Account Settings
 * Version - 1.0.0
 * Modify By Wang Ping
 * Date: 07-03-2013 15:34:48 (GMT Time)
 */
/*#wrapper{ width:1000px; margin:0 auto 30px}
#header .inner,#footer .inner{ width:1000px; margin:0 auto}*/
/*login*/
.login-wrap{}
.security-pro{position:relative; font-size:12px; height:20px; line-height:normal; vertical-align:top; text-align:center; color:#8a949c}
.security-pro b{ padding-left:16px; font-weight:normal}
.security-pro .icons{ margin-right:3px; position:absolute}

.login-entry{width:400px; height:auto; position:relative; margin-left:50px; border: 1px solid #e8ecef; border-radius: 3px; background:#fff; float:left; display:inline; padding:10px 30px 60px}

.login-entry a:hover{ text-decoration:underline}
.login-entry .head{ position:relative; height:70px}
.login-entry .head .line{ height:1px; font-size:0; line-height:0; overflow:hidden; float:left; background:#e7ecee; width:100%; position:absolute; left:0; top:35px}
.login-entry .head h2{font-size:16px; height:30px; line-height:30px; color:#69737b; position:absolute; left:30px; top:20px; z-index:3; padding:0 15px; background:#fff}

.login-entry .login-error{ height:40px; color:#d35352; position:absolute; left:105px; top:60px; width:250px; overflow:hidden; display:none}
.login-entry .login-error table{ width:100%; vertical-align:middle; height:40px}
.login-entry .login-error td{ height:40px}
.login-items{ padding-top:20px}
.login-items label{float:left; padding:10px 15px 0 0; width:60px; text-align:right; font-size:14px}
.login-items li{ height:60px; position:relative}
.login-items input{width:230px; color:#8a949c; float:left; display:inline}
.login-items .error{width:120px; padding-top:10px; font-size:12px; color:#d35352; position:absolute; left:325px; top:0}

.login-items .authcode{ vertical-align:top; margin-left:5px; float:left; display:inline}
.login-items .refcode{ height:42px; width:42px; float:left; display:inline; background:#e8ecef; text-align:center; position:relative; margin-left:5px; color:#475058}
.login-items .refcode i{ position:absolute; left:13px; top:8px}
.login-items .refcode b{ position:absolute; left:0; bottom:5px; width:100%; font-weight:normal}
.login-items .refcode:visited{ color:#475058}
.login-items .refcode:hover{ color:#349cd8}

.login-check{ width:250px; height:40px; padding-top:10px; margin:0 auto; position:relative}
.login-check label{ float:left; display:inline; position:relative; padding-right:15px}
.login-check label .icons{ position:absolute; left:auto; top:4px}
.login-check input{ float:left}
.login-check a{position:absolute; right:0; top:10px; font-size:12px;}

.login-button{width:250px; height:50px; margin:0 auto; position:relative}
.login-button input{ width:240px; height:50px; line-height:50px; background:#15456f; border:0; text-align:center; color:#fff; font-size:16px; cursor:pointer; }

.login-server{width:250px; height:20px; line-height:20px; padding:20px 0; overflow:hidden; margin:0 auto; position:relative}
.login-server a{ font-size:12px; position:relative; display:inline-block; padding-left:20px; margin-right:10px}
.login-server .weibo .icons{background-position:-205px -60px; width:17px; height:16px; position:absolute; left:0; top:1px}
.login-server .qq{ padding-left:16px; margin-left:10px; color:#8a949c}
.login-server .qq .icons{background-position:-205px -80px; width:16px; height:19px; position:absolute; left:0; top:1px}
.login-server .reg{position:absolute; right:0; top:20px}

 
.adSwitch{width:300px; height:350px; margin:55px 0 0 90px; float:left; display:inline; position:relative; overflow:hidden}
.adSwitch .prev,.adSwitch .next{width:16px; height:28px; position:absolute; top:40px; cursor:pointer; z-index:99;overflow:hidden}
.adSwitch .prev{background-position:-157px -120px; left:25px}
.adSwitch .next{background-position:-174px -120px; right:25px}
.adSwitch a,.adSwitch a:visited{ color:#349cd8}
.adSwitch a:hover{ text-decoration:underline}
.adSwitch .items{width:300px; height:350px; overflow:hidden; position:absolute; left:0; top:0}
.adSwitch li{width:300px; height:350px; overflow:hidden; float:left; display:inline; text-align:center; background:#f0f4f7}
.adSwitch li .img{ width:110px; height:110px; overflow:hidden; margin:0 auto}
.adSwitch li .img img{ display:block}
.adSwitch li h2{ font-size:18px; padding-top:45px}
.adSwitch li p{ text-align:center;padding:10px 0; line-height:26px}
/*register*/
.reg-title{ position:relative; height:70px; overflow:hidden; width:96%; margin:0 auto}
.reg-title .line{ height:1px; font-size:0; line-height:0; overflow:hidden; float:left; background:#e7ecee; width:100%; position:absolute; left:0; top:35px}
.reg-title h2{ font-size:16px; height:30px; line-height:30px; color:#69737b; position:absolute; left:20px; top:20px; z-index:3; padding:0 15px; background:#fff}

.reg-steps{ height:57px; overflow:hidden; width:96%; margin:0 auto}
.reg-steps ol{ height:57px; width:100%; overflow:hidden}
.reg-steps li{ position:relative; float:left; display:inline; width:33.33%; height:57px; line-height:57px; background:#f0f4f7 url(../../../local/img/common/steps.png) no-repeat right 0}
.reg-steps .step-3{ z-index:1; background:#f0f4f7}
.reg-steps .txt{ float:left; display:inline; position:relative; padding-left:120px}
.reg-steps .dot24{ position:absolute; left:80px; top:18px; text-indent:0; font-size:14px; line-height:24px; text-align:center; font-family:Tahoma; font-size:18px; font-style:normal; font-family:Tahoma, Geneva, sans-serif}

.forgot-steps li{ width:24.33%}
.forgot-steps .step-4{ z-index:1; background:#f0f4f7}

.reg-step-1 .step-1,
.reg-step-2 .step-2,
.forgot-steps .reg-step-3 .step-3{ color:#fff; background:#a1acb4 url(../../../local/img/common/steps.png) no-repeat right 0}
.reg-step-2 .step-1,
.reg-step-3 .step-1,
.reg-step-3 .step-2,
.reg-step-4 .step-1,
.reg-step-4 .step-2,
.reg-step-4 .step-3{ color:#fff; background:#a1acb4 url(../../../local/img/common/steps.png) no-repeat right -135px}
.reg-step-3 .step-3,
.reg-step-4 .step-4{ color:#fff; background:#a1acb4}
.reg-step-1 .step-1 .dot24,
.reg-step-2 .step-1 .dot24,
.reg-step-2 .step-2 .dot24,
.reg-step-3 .step-1 .dot24,
.reg-step-3 .step-2 .dot24,
.reg-step-3 .step-3 .dot24,
.reg-step-4 .step-1 .dot24,
.reg-step-4 .step-2 .dot24,
.reg-step-4 .step-3 .dot24,
.reg-step-4 .step-4 .dot24{ color:#8a949c}
.forgot-steps .reg-step-1 .step-3,
.forgot-steps .reg-step-2 .step-3{ background:#f0f4f7 url(../../../local/img/common/steps.png) no-repeat right 0}

.forgot-steps .txt{ padding-left:90px}
.forgot-steps .dot24{ left:57px}


.reg-items{ padding:50px 30px 30px; overflow:hidden; zoom:1; min-height:300px}
.reg-items .gbtn{width:120px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; padding:0; border:0}
.reg-items .gbtn:visited{ color:#fff}
.reg-items .items{ height:70px}
.reg-items .items li{ position:relative; float:left}
.reg-items .items li.txt{ float:left; display:inline; margin-right:15px; width:100px; text-align:right; padding-top:10px}
.reg-items .items li.txt em{ color:#d35353; padding-right:3px}
.reg-items .items li input{ float:left}
.reg-items .tip{ padding-left:10px; position:relative; display:inline-block; position:absolute; left:250px; top:8px; width:500px; color:#8a949c}
.reg-items .tip .icons{ position:absolute; left:10px; top:2px}
.reg-items .error{ color:#d35353}
.reg-items .proper{ color:#18b160; padding-left:30px}

.reg-items .getcode-input .getCodeBotton{ margin:3px 0 0 10px; height:28px; line-height:28px}

.pwdstrength{ position:absolute; left:0; top:45px; height:16px; overflow:hidden; width:260px; font-size:12px; display:none}
.pwdstrength span{float:left; margin-right:1px; background:#e8ecef; text-align: center; height:16px; line-height:normal; width:83px; vertical-align:text-top; overflow:hidden}

.verifycode{ vertical-align:top; margin-left:10px}
.refreshcode{ height:42px; width:42px; display:inline-block; background:#e8ecef; text-align:center; position:relative; margin-left:10px; color:#475058}
.refreshcode:visited{ color:#475058}
.refreshcode:hover{ color:#349cd8}
.refreshcode i{ position:absolute; left:13px; top:8px}
.refreshcode b{ position:absolute; left:0; bottom:5px; width:100%; font-weight:normal}

.reg-items .agreement{ padding-left:115px; position:relative}
.reg-items .agreement .error{ position:static; left:auto; top:auto; display:inline-block; width:auto}
.reg-items .v-mode{padding:0 0 15px 115px}
.next-step{padding:15px 0 15px 115px; height:50px}

.reg-items .security-pro{position:relative; font-size:12px; height:20px; line-height:normal; vertical-align:top; text-align:left; padding-left:115px}
.reg-items .security-pro .icons{ margin-right:3px}


.email-items{ position:relative; overflow:hidden; zoom:1; width:500px; margin:0 auto; padding:20px 0 50px 80px}
.email-items .security-pro{ padding:0}
.email-items .email-dot{ background-position:-205px -100px; width:60px; height:60px; position:absolute; left:0; top:25px;}
.email-items .e{ font-size:16px; line-height:2.2}
.email-items .b{ padding:15px 0; height:35px; line-height:35px; position:relative; padding-left:110px}
.email-items .gbtn{width:100px; height:32px; line-height:32px; margin-right:10px; font-size:14px; float:left; position:absolute; left:0; top:17px}


.reg-success{ position:relative; overflow:hidden; zoom:1; width:400px; margin:0 auto; padding:20px 0 50px 110px}
.reg-success .security-pro{ padding:0}
.reg-success b.icons{ position:absolute; left:0; top:25px;}
.reg-success .e{ font-size:16px; line-height:2.2}
.reg-success .b{ padding:30px 0; position:relative}
.reg-success .links{ position:absolute; left:auto; top:auto; margin-top:10px}
.reg-success .gbtn{width:110px; height:40px; line-height:40px; margin-right:40px; font-size:14px}


.email-help{ height:110px; padding:20px 0; background:#f0f4f7; overflow:hidden}
.email-help ul{ width:102%; overflow:hidden; height:inherit}
.email-help li{ float:left; border-right:1px solid #d8dee3; width:33%; height:110px}
.email-help h3{ height:30px; font-weight:bold; font-size:14px; font-weight:normal; color:#69737b; line-height:30px; padding:0 30px}
.email-help p{ line-height:25px; color:#8a949c; padding:0 30px; font-size:12px}


.bind-yoo{ text-align:center; height:50px; line-height:50px; padding-bottom:30px; font-size:24px; font-weight:normal; font-family:Tahoma, Helvetica, sans-serif}
.binding-tabs{ height:70px; background:#f0f5f7; overflow:hidden}
.binding-tabs ul{ height:70px; width:103%}
.binding-tabs li{ height:57px; padding-top:12px; margin-left:-1px; cursor:pointer; text-align:center; font-size:18px; float:left; display:inline; width:50%; border-left:1px solid #cdd2d4; border-bottom:1px solid #cdd2d4}
.binding-tabs b{ font-size:12px; display:block; color:#8a949c; font-weight:normal}
.binding-tabs li.current{ background:#fff; border-bottom:0; height:58px; cursor:default}

.bind-login{ width:500px; margin:0 auto; padding-top:60px}
.bind-login .tip{ width:100px; left:250px}
.bind-login .next-step{ padding:15px 0 50px 115px}
.bind-login .next-step .gbtn{ width:250px}

.reg-unbind{ width:630px; margin:0 auto; padding-top:60px}
.reg-unbind .tip{ width:340px; left:250px}
.reg-unbind .ddf{ top:0}
.reg-unbind .agreement .tip{ padding-left:23px}
.reg-unbind .gbtn{ width:255px}




/*phone code*/
.phone-code-entry{}
.phone-code-entry p{ text-align:center; padding:15px 0}
.phone-code-entry .items{ overflow:hidden; zoom:1; margin:0 15px}
.phone-code-entry .items span{ padding:5px 0 0 10px; display:inline-block; color:#8a949c}
.phone-code-entry .items li{ height:50px; line-height:30px; position:relative}
.phone-code-entry label{ float:left; display:inline; margin-right:5px; width:115px; text-align:right; padding-top:5px}
.phone-code-entry input{ float:left; display:inline; margin-left:10px}
.phone-code-entry .gbtn{ background:#15456f; color:#fff; cursor:pointer; border:0; width:102px; text-align:center; height:30px; line-height:30px; margin:10px 0 0 10px; font-size:14px; padding:0}

.phone-action{ padding-top:10px; text-align:center; height:40px; position:relative}
.phone-action b{ display:inline-block; font-weight:normal; float:left; margin-left:60px; padding-top:4px}
.phone-action span{ display:inline-block; height:30px;line-height:30px; padding:0 10px; position:absolute; left:300px; top:9px}
.phone-code-foot{ background:none; border-top:1px solid #e7ecee}


.phone-code-entry .error{ color:#d35353}


/*find pwd*/
.for-review{height:70px; padding:20px; background:#f0f4f7; overflow:hidden; font-size:14px; line-height:2.2; margin-top:20px}
.for-review .button-review{ display:inline-block; padding-right:10px}
.for-review .button-review .icons{background-position: -434px 0; width:14px;height:13px; margin-left:3px}
.for-review .f16{ font-size:16px}

.phoneInfoCheck{ padding-bottom:20px; position:relative}
.phoneInfoCheck .codeTime{ position:absolute; bottom:-5px; left:130px; background:none; text-align:left; width:auto}
.phoneInfoCheck .getVerifyType{ background:#15456f; margin-right:10px; padding:0 10px; color:#fff; display:inline-block; text-align:center}
.phoneInfoCheck .getVerifyType:hover{ text-decoration:none}
.phoneInfoCheck .getVerify-Invalid{ background:#89949d; cursor:default}

